<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <title></title>
  <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" rel="stylesheet" />

  <script src="demo1.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" language="JavaScript"></script>
  <style>
  <!--
div.st1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
}

div.st2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
}
div.big {
	background: orange;
} 

	#sortable { list-style-type: none; margin: 0; padding: 0; }
	#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; font-size: 4em; text-align: center; }

//-->
  </style>    
  </head>
  <body>
  <div id="b" class="st2 ui-state-default ui-corner-all">
  JQuery is great
  </div>
  <div id="a" class="st1 ui-corner-all ui-state-highlight">
  Haxe is greater
  </div>
</div>  

<div>
   
<ul id="sortable">
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
	<li>6</li>
	<li>7</li>
	<li>8</li>
	<li>9</li>
	<li>10</li>
	<li>11</li>
	<li>12</li>
</ul>
  </body>
</html>
